<template>
    <div class="sea-page box">
        <div class="error-page">
            <h2 class="headline text-red" style="font-weight: bold">403</h2>

            <div class="error-content">
                <h3><i class="fa fa-warning text-red"></i> Oops! Lack of permission.</h3>
                <p>
                    You lack of permission or authentication token has expired.
                    Meanwhile, you may <a>return to login page</a> or try using
                    the search form.
                </p>
                <form class="search-form">
                    <div style="margin-top: 12px">
                        <el-input>
                            <template #append>
                                <i class="fa fa-fw fa-search"></i>
                            </template>
                        </el-input>
                    </div>
                    <!-- /.input-group -->
                </form>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "E403"
}
</script>

<style scoped lang="scss">
@use "./error";
</style>
